.body-view{
	position:absolute;
	top:0;
	left: 0;
	
	width: 100vw;
	height: 100vh;
	background: linear-gradient(180deg, #353535 0%, #181818 100%);
	.scroll-y{
		width: 100vw;
		height: calc(100vh - 100rpx - var(--status-bar-height));
	}
	.state-navigation{
		background: none;
		.back{
			color: #ffffff;
		}
		.title{
			color: #ffffff;
		}
	}
	.top-info{
		padding: 32rpx 50rpx 0 50rpx;
		.head-img{
			.user-head{
				width: 100rpx;
				height: 100rpx;
				border-radius: 50%; 
				box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(0,0,0,0.1);
				border: 3rpx solid #FFFFFF;
			}
			.head-vip{
				position: absolute;
				bottom: -1rpx;
				left: 50%;
				transform: translateX(-50%);
				
				width: 77.6rpx;
				height: 35.2rpx;
			}
		}
		.info-content{
			padding-left: 10rpx;
			.content-nickname{
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
                &.isVip{
                    color:#F19945;
                }
			}
			.content-id{
				padding-top: 10rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
			}
		}
	}
	.member-describe{
		padding: 46rpx 0 0 80rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #FEEABF;
	}
	.middle-menu{
		padding: 24rpx 50rpx 0 50rpx;
		.menu-content{
			padding-bottom: 60rpx;
			background: rgba(255,255,255,0.1);
			box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(0,0,0,0.1);
			border-radius: 20rpx;
			.content-top{
				padding-left: 38rpx;
				padding-right: 22rpx;
				height: 100rpx;
				.content-top-title{
					
					font-size: 32rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					z-index: 10;
				}
				.content-top-background{
					position: absolute;
					top:25rpx;
					left:-8rpx;
					
					width: 138rpx;
					height: 26rpx;
					background: linear-gradient(90deg, #ECB763 0%, rgba(255,255,255,0) 100%);
					border-radius: 13rpx;
				}
				.top-describe-opened{
					padding: 0 17rpx;
					height: 40rpx;
					background: #2A2A2A;
					border-radius: 20rpx;
					.describe-opened-image{
						width: 36rpx;
						height: 36rpx;
					}
					.describe-opened-text{
						padding-left: 8rpx;
						font-size: 24rpx;
						font-family: PingFangSC-Semibold, PingFang SC;
						font-weight: 600;
						color: #E2E2E2;
					}
				}
				.content-top-describe{
					
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #E2E2E2;
				}
			}
			.menu-row{
				padding: 0 25rpx 0 25rpx;
				.row-menu{
					width: 25%;
					.menu-icon{
						width: 100rpx;
						height: 100rpx;
					}
					.menu-title{
						width: 100rpx;
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #E2E2E2;
						text-align: center;
					}
				}
			}
		}
		
	}
	.bottom-v{
		height: 200rpx;
	}
	.bottom-button{
		background: #181818;
		height: 180rpx;
		padding-top: 20rpx;
		width: 100vw;
		position:absolute;
		left:0;
		bottom: 0;
		/*
		padding-bottom: calc(50rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(50rpx + env(safe-area-inset-bottom));
		*/
		
		.button-button{
			border-radius: 20rpx;
			font-weight: 600;
		}
	}
	.vip-popup{
		padding-bottom: calc(50rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(50rpx + env(safe-area-inset-bottom));
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		.popup-title{
			height: 100rpx;
			border-bottom: 1rpx solid #E4E4E4;
			.title-text{
				position:absolute;
				top:34rpx;
				left:50rpx;
				height: 32rpx;
				width: 234rpx;
				.text-title{
					position:absolute;
					left:0rpx;
					bottom: 0rpx;
					z-index: 10;
					
					font-size: 32rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
				}
				.text-background{
					position:absolute;
					left:-10rpx;
					bottom: 0rpx;
					
					width: 220rpx;
					height: 26rpx;
					background: linear-gradient(90deg, #ECB763 0%, rgba(255,255,255,0) 100%);
					border-radius: 13rpx;
				}
			}
			.title-icon{
				position:absolute;
				top:32rpx;
				right: 30rpx;
				
				width: 36rpx;
				height: 36rpx;
			}
		}
		.popup-row{
			padding: 0 40rpx 0 40rpx;
			display: flex;
			flex-wrap: wrap;
			align-content: flex-start;//排列格式
			justify-content: space-between;
			
			.row-cell{
				padding-bottom: 30rpx;
				.cell-content{
					position:relative;
					display: flex;
					align-items: center;
					justify-content: space-between;
					
					width: 320rpx;
					height: 120rpx;
					background: linear-gradient(127deg, #FFF6E7 0%, #FEE9CA 100%);
					border-radius: 10rpx;
					.content-selected{
						position:absolute;
						top:0;
						left:0;
						
						width: 34rpx;
						height: 34rpx;
						background: #ECB763;
						border-radius: 10rpx 0rpx 10rpx 0rpx;
						.selected-icon{
							font-size: 28rpx;
							font-weight: 600;
							color: #ffffff;
						}
					}
					.content-left{
						padding-left: 30rpx;
						.content-date{
							font-size: 32rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
						}
						.content-price{
							padding-top: 6rpx;
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #A9792D;
						}
					}
					.content-right{
						padding-right: 20rpx;
						font-family: PingFangSC-Semibold, PingFang SC;
						font-weight: 600;
						color: #A9792D;
						.right-icon{
							font-size: 28rpx;
						}
						.right-number{
							font-size: 38rpx;
						}
					}
				}
			}
		}
        .vip_type{
            position:relative;
            width: 670rpx;
            height: 120rpx;
            border-radius: 10rpx;
            margin:0 auto;
            margin-bottom:30rpx;
            background:#fff;
            border: 2rpx solid #F1D5AB;
            &.selected{
                background: linear-gradient(127deg, #FFF6E7 0%, #FEE9CA 100%);
                /*border: 2rpx solid transparent;*/
				border: none;
            }
            .check_box{
                position:absolute;
                top:0;
                left:0;
                width: 34rpx;
                height: 34rpx;
                background: #ECB763;
                border-radius: 10rpx 0px 10rpx 0px;
                .check{
                    width:30rpx;
                    height:30rpx;
                }
            }

            .row1{
                width:100%;
                padding:0 40rpx;
                .text1{
                    font-size:32rpx;
                    font-weight:600;
                    color: #333333;
                }
                .text2{
                    font-size:28rpx;
                    font-weight: 600;
                    color: #A9792D;

                }
                .text3{
                    font-size:42rpx;
                    font-weight: 600;
                    color: #A9792D;
                }
            }
            .row2{
                width:100%;
                padding:0 40rpx;
                .text1{
                    font-size:24rpx;
                    font-weight:400;
                    color: #A9792D;
                }
                .text2{
                    font-size:24rpx;
                    text-decoration: line-through;

                    font-weight: 400;
                    color: #999;

                }
            }

        }
		.popup-button{
			.button-button{
				border-radius: 20rpx;
				font-weight: 600;
			}
		}
	}
	.pay-popup{
		padding-bottom: calc(50rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(50rpx + env(safe-area-inset-bottom));
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		.popup-title{
			height: 100rpx;
			border-bottom: 1rpx solid #E4E4E4;
			.title-text{
				position:absolute;
				top:34rpx;
				left:50rpx;
				height: 32rpx;
				width: 234rpx;
			}
			.title-icon{
				position:absolute;
				top:32rpx;
				right: 30rpx;
				
				width: 36rpx;
				height: 36rpx;
			}
		}
		.popup-amount{
			padding: 30rpx 0 40rpx 40rpx;
			font-size: 30rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
		}
		.popup-row{
			padding-bottom: 16rpx;
			.row-cell{
				padding: 0 30rpx 20rpx 30rpx;
				.selected{
					box-shadow: 0rpx 2rpx 14rpx 0rpx rgba(0,0,0,0.06);
					border: 2rpx solid rgba(29,198,145,0.5);
				}
				.cell-content{
					height: 160rpx;
					background: #FFFFFF;
					box-shadow: 0rpx 2rpx 14rpx 0rpx rgba(0,0,0,0.06);
					border-radius: 10rpx;
					padding-left: 30rpx;
					.cell-selected{
						position:absolute;
						top:0;
						left: 0;
						width: 40rpx;
						height: 40rpx;
					}
					.cell-icon{
						width: 100rpx;
						height: 100rpx;
					}
					.cell-title{
						padding-left: 20rpx;
						font-size: 30rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #333333;
					}
				}
			}
		}
		.popup-button{
			.button-button{
				border-radius: 20rpx;
				margin: 0 auto;
			}
		}
	}
}